@charset "utf-8";
html, body, form, img, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, b, u, i, p, em, td, th, input, textarea, label, select, iframe {
    font-family: "黑体", Arial;
    color: #444;
    padding: 0;
    margin: 0
}

html, body {
    width: 100%
}

#divBody, body, #seckillContent {
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    overflow-x: hidden
}

.app_content {
    width: 100%;
    margin: 0 auto
}

img {
    vertical-align: middle
}

a img {
    border: 0
}

li {
    list-style: none
}

.fl {
    float: left !important;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.clear {
    clear: both
}

.time_top {
    width: 100%
}

.time_top a img {
    width: .22rem;
    height: .22rem
}

.time_top .top_back a {
    display: block;
    padding: .04rem .1rem;
    float: left
}

.time_top .top_collect a {
    display: block;
    padding: .04rem .1rem;
    float: right
}

.time_top .top_tit {
    text-align: center;
    margin: 0 .65rem;
    font: 400 .17rem/0.3rem "黑体";
    color: #c9c9c9
}

.time_box {
    padding: 0 .04rem;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin-top: .36rem;
    height: 1rem
}

.time_bar {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    height: 1.68rem;
    border-top-color: #c9c9c9 !important;
    border-color: transparent;
    border-width: .01rem;
    border-style: solid;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%
}

.time_box .point_ico {
    width: .05rem;
    height: .05rem;
    margin-left: -.3125em;
    margin-top: -.3125em;
    border-radius: 50%;
    background-color: #c9c9c9;
    position: absolute;
    z-index: 1
}

.time_box .on {
    background-color: #add13e
}

.ico {
    opacity: 0;
    width: .48rem;
    text-align: center;
    position: absolute;
    z-index: 2;
    margin-top: -.3rem;
    margin-left: -.24rem;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.time_box .ico img, .time_box .ico img {
    margin-bottom: .14rem;
    width: .24rem
}

.time_box .ico p, .time_box .ico p {
    font: 400 .08rem/0.11rem "黑体";
    color: #c9c9c9
}

.time_box .ico p font, .time_box .ico p font {
    font: 400 .13rem/0.11rem "黑体";
    display: block
}

.time_box .ico_center img {
    margin-bottom: .14rem;
    width: .24rem
}

.time_box .ico_center p {
    font: 400 .09rem/0.12rem "黑体";
    color: #c9c9c9
}

.time_box .ico_center p font {
    font: 400 .14rem/0.15rem "黑体";
    display: block
}

.time_box .ico_left {
    top: 20%;
    left: 10%;
    opacity: 1
}

.time_box .ico_center {
    top: 0;
    left: 50%;
    opacity: 1
}

.time_box .ico_right {
    top: 20%;
    left: 90%;
    opacity: 1
}

.time_box .ico .ico_start {
    color: #ff9b00
}

.time_box .ico .ico_end {
    color: #add13e
}

.time_box .ico .ico_ended {
    color: #c9c9c9
}

.time_start, .time_end, .time_ended {
    position: absolute;
    z-index: 3;
    text-align: center;
    width: 100%;
    top: .42rem;
    left: 0
}

.time_start em, .time_end em, .time_ended em {
    font: 400 .14rem/0.32rem "黑体";
    vertical-align: top;
    padding-right: .08rem
}

.time_start span, .time_end span, .time_ended span {
    background: rgba(255, 255, 255, .5);
    font: 400 .24rem/0.32rem "黑体";
    width: .37rem;
    display: inline-block;
    border-radius: .03rem
}

.time_start font, .time_end font, .time_ended font {
    width: .12rem;
    font: 400 .24rem/0.28rem "黑体";
    display: inline-block;
    color: #c9c9c9;
    vertical-align: top
}

.time_start em, .time_start span {
    color: #ff9600
}

.time_end em, .time_end span {
    color: #add13e
}

.time_ended em, .time_ended span {
    color: #c9c9c9
}

.time_sku {
    padding: 0 .1rem;
    box-sizing: border-box;
    width: 100%;
    position: absolute
}

.time_sku li {
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: .08rem;
    padding: .09rem .16rem .09rem .09rem;
    border-radius: .08rem;
    position: relative
}

.time_sku li a {
    display: block;
    text-decoration: none
}

.time_sku li .pic {
    float: left;
    margin-right: .16rem
}

.time_sku li .pic img {
    width: 1.08rem
}

.time_sku li .name {
     font: 400 .14rem/0.23rem "黑体";
     color: #888;
     height: .46rem;
     text-overflow: clip;
     display: block;
     overflow: hidden;
     margin-top: .04rem
 }

.time_sku li .price {
    font: 400 .22rem/0.26rem "黑体", Arial;
    color: #ff9b00
}

.time_sku li .oldprice {
    font: 400 .13rem/0.2rem "黑体", Arial;
    color: #c9c9c9;
    height: .2rem;
    margin-top: .12rem;
    text-decoration: line-through
}

.time_sku li .btn {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0
}

.time_sku li .btn img {
    width: .28rem
}

.time_sku li .btn a {
    padding: .12rem
}

.time_sku li .btn a.no {
    font: 400 .13rem/0.25rem "黑体";
    color: #999
}

.nav_left {
    top: 20%;
    left: 10%
}

.nav_center {
    top: 0;
    left: 50%
}

.nav_right {
    top: 20%;
    left: 90%
}

.countdown, .product_list {
     width: 100%;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease
 }

.product_list {
    position: relative;
    left: 0
}

.countdown {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.none {
    display: none
}

.time_box .nomore {
    opacity: 0
}